#Wjlkaoshi {
  display: flex;
  height: 100vh; // 使页面高度充满视口
  background: linear-gradient(to right, #f0f4f8, #e7eff6); // 背景渐变

  .boxleft {
      flex: 1; // 占据三分之一
      padding: 20px;
      background-color: rgba(255, 255, 255, 0.8); // 半透明白色背景
      border-right: 2px solid #e0e0e0; // 右边框
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); // 阴影效果
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;

      p {
          margin: 15px 0;
          font-size: 1.2rem;
          font-weight: bold;
          color: #333;
      }

      .fullscreen-overlay {
          margin-top: 20px;
          text-align: center;

          button {
              margin-top: 10px;
          }
      }
  }

  .boxright {
      flex: 2; // 占据三分之二
      padding: 20px;
      background-color: #ffffff; // 白色背景
      overflow-y: auto; // 允许滚动
      box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1); // 阴影效果

      p {
          font-size: 1.5rem;
          color: #ff4d4f; // 红色警告文字
          text-align: center;
          margin-top: 5%;
      }

      .duoxuan, .danxuan, .panduan, .jianda {
          margin: 15px 0;
          padding: 15px;
          border: 1px solid #e0e0e0;
          border-radius: 5px;
          background-color: #f9f9f9; // 选项背景
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); // 阴影效果
      }

      textarea {
          width: 100%;
          height: 100px;
          border: 1px solid #e0e0e0;
          border-radius: 5px;
          padding: 10px;
          font-size: 1rem;
          resize: none; // 禁止调整大小
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); // 内阴影
      }

      button {
          margin-top: 20px;
          width: 100%; // 按钮宽度占满
          font-size: 1.2rem;
      }
  }
}
